<template>
  <div>
    <pre><code class="nohighlight" v-html="html"></code></pre>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import axios from 'axios'
import hljs from 'highlight.js'
import 'highlight.js/styles/github.css'
let html = ref()
axios.get('/example.py', { responseType: 'blob' }).then(response => {
  let reader = new FileReader()
  // 读取文件中的内容，执行读文件函数，设置编码格式。
  reader.readAsText(response.data, 'UTF-8')
  // 读取文件，得到文件内容。
  reader.onload = function (e) {
    let content = e.target.result
    html.value = hljs.highlightAuto(content).value
  }
})
</script>
